<template>
  <div class="user-center-module">
    <user-profile-form 
      :user-info="userInfo" 
      @update="$emit('update-profile', $event)"
    />
  </div>
</template>

<script>
import UserProfileForm from '@/components/user/UserProfileForm.vue';

export default {
  name: 'UserProfileView',
  components: {
    UserProfileForm
  },
  props: {
    userInfo: {
      type: Object,
      required: true
    }
  },
  emits: ['update-profile']
};
</script>

<style scoped>
.user-center-module {
  width: 100%;
  max-width: 800px; /* 统一宽度，以最宽的组件为准 */
}
</style> 